<template>
    <div id="doc">
        <div class="doc-item">
            <img src="../assets/img/ico/newLOGO.png" alt="封面">
            <h2 class="doc-item-title">title</h2>
        </div>
    </div>
</template>

<script lang="ts">
import { Options, Vue } from "vue-class-component";
@Options({})
export default class Doc extends Vue{

}
</script>

<style lang="scss">
#doc{
    display: flex;
    width: 100%;
    height: 100%;
    // overflow: hidden;
    .doc-item{
        display: block;
        margin: 10px;
        width: 15%;
        height: 40%;
        overflow: hidden;
        text-align: center;
        background-color: #101010;
        img{
            width: auto;
            height: 80%;
        }
        .doc-item-title{
            widows: 100%;
            height: 20%;
            font-family: harmony-sans-black;
        }
    }
}
</style>
